<template>
    <div id='VehicleInfo'  style="margin-top:1px;"> 
            <Row type="flex">
                  <Col :sm="24" :md="24" :lg="24" style="padding:5px;">
                        <Collapse v-model="value1">
                            <Panel name="1" style="font-size:22px;">
                                 地图  
                                <Col slot="content" :sm="24" :md="24" :lg="24">
                                <VueMap ref="BlocksMap"></VueMap>
                                </Col> 
                            </Panel> 
                        </Collapse>
                  </Col>
            </Row>
    
            <Row type="flex">
                 <Col span="24" style="padding:5px;">
                        <Collapse v-model="value2">
                            <Panel name="2" style="font-size:22px;" >
                                 统计图 
                                 <Col slot="content"  :sm="24" :md="24" :lg="12"><chart ref="Bolckchart"></chart></Col>
                                 <Col slot="content"  :sm="24" :md="24" :lg="12"><charts ref="Bolckchart"></charts></Col> 
                                
                            </Panel> 
                        </Collapse>
                  </Col>
            </Row> 
    </div>
</template>


<script>
 
import VueMap from '@/modules/Vehicle/Main/VueMap'
import chart from '@/modules/Vehicle/Main/chart'
import charts from '@/modules/Vehicle/Main/charts' 

    export default {
        data () {
            return {
                value1: '1',
                value2: '2'
            }
        },
        components: {
             chart,
             charts,
             VueMap
        }
    }
    
</script>
 
<style>
     body{
         font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
     } 
     .ivu-collapse{
         background-color:rgba(0, 0, 0, 0.35);
         border:1px solid rgba(0, 0, 0, 0.1);
         color:#FFF;
     }
     .ivu-collapse>.ivu-collapse-item>.ivu-collapse-header{
         color:#FFF;
     }
     .ivu-collapse-content{ 
         background-color:rgba(0, 0, 0, 0.15);
     }
     .ivu-collapse>.ivu-collapse-item.ivu-collapse-item-active>.ivu-collapse-header>i{
         float:right;
         margin-right:20px;
         margin-top:8px;
     }
     .ivu-collapse>.ivu-collapse-item>.ivu-collapse-header>i{
         margin-right:20px;
         margin-top:8px; 
         float:right;
     }
</style>